<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="../../assets/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../common/common.css"/>
    <style>
        html,body{height:100%;}
        #alterAuth{padding: 20px;  height: 100%;}
        .public{line-height:30px;border-bottom: 1px solid #ccc;}
        .public>div{display: inline-block;}
        .public>div>p,.person>p{color:#999;}
        .public .layui-form-checkbox{padding-right:100px;}
        .person{position: relative;padding-top:10px;}
        /*搜索框*/
        .searchBox{position: absolute;right:0;top:20px;}
        .searchInput{border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
        .searchBox input{width: 220px;height: 32px;border: 1px solid #e2e2e2;border-top-right-radius: 4px;border-bottom-right-radius: 4px;padding: 0 36px 0 10px;}
        .searchBox i{position: absolute;width: 36px;height: 36px;right: 1px;top: 50%;margin-top: -18px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
        .searchBox i:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
        .searchBox i.icon_search{background: url("../imgs/icon_search.svg") no-repeat center;cursor: pointer;}
        /*现有学校*/
        .alreadySchool{padding:10px 0;line-height: 30px;display: none;}
        .newSchool{display: none;}
        .alreadySchool li,.newSchool li{display: inline-block;width:49%}
        .alreadySchool .delete{position:relative;top:3px;left:5px;display: inline-block;width:16px;height:16px;background: url("../imgs/icon_delete.png") no-repeat center;cursor: pointer;}
    </style>
</head>
<body>
<div id="alterAuth" class="layui-form">
    <div class="public">
        <div>
            <input type="checkbox" lay-filter="auth" name="" title="校本" class="authSel" data-auth="4" lay-skin="primary">
            <p>只有本校教师可以查看</p>
        </div>
        <div>
            <input type="checkbox" lay-filter="auth" name="" title="公开" class="authSel" data-auth="2" lay-skin="primary">
            <p>任何教师课查看</p>
        </div>
    </div>
    <div class="person">
        <input type="checkbox" lay-filter="auth" name="" title="指定学校" class="authSel" data-auth="6" lay-skin="primary">
        <p>只有指定学校的教师和本校教师可以查看</p>
        <div class="layui-inline searchBox">
            <input id="searchInput" class="searchInput" type="text" placeholder="搜索指定的学校"/>
            <i id="searchBtn" class="icon_search"></i>
        </div>
        <ul class="alreadySchool">
        </ul>
        <ul class="newSchool">
        </ul>
    </div>
</div>
<script src="../../assets/jquery-1.7.2.min.js"></script>
<script src="../../assets/layui/layui.js"></script>
<script src="../../common/Common.js"></script>
<script src="../js/pageFrame/alterAuth.js"></script>
</body>
</html>